<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0">
	
<title>众筹</title>

<link href="static/Theme/css/base.css" rel="stylesheet">
<link href="static/Theme/css/funding.css" rel="stylesheet">
</head>

<body>
<header class="header">
	<div class="header-return">
	    <a href="javascript:history.go(-1);"></a>
	</div>
	
	<div class="logo">众筹项目中心</div>
	
	<div class="header-btn">
		<a href="CrowdFundingRecord.html">记录</a>
	</div>
</header>

<section class="container funding-container">
	<div class="funding-title">
		<ul>
			<li>
				<a href="CrowdFunding.html" class="funding-progress-1">
					<i></i>
					<span>预热中</span>
				</a>
			</li>
			
			<li>
				<a href="CrowdFunding-2.html" class="funding-progress-2 active">
					<i></i>
					<span>进行中</span>
				</a>
			</li>
			
			<li>
				<a href="CrowdFunding-3.html" class="funding-progress-3">
					<i></i>
					<span>已结束</span>
				</a>
			</li>
		</ul>
	</div>
    
    <!--<div class="no-content">
		<i></i>
		<p>暂无内容</p>
	</div>-->
    
    <!--进行中-->
    <div class="funding-list funding-ongoing">
        <div class="funding-list-info">
            <div class="funding-list-logo">
                <img src="static/Theme/images/icon_project.png">
            </div>
            
            <h1>Link数字资产</h1>
            
            <p>每个ID限购100枚 <b>释放比例100.00%</b></p>
            <h3>接受币种：<b>VPay</b></h3>
            
            <div class="funding-list-time">
                <span>2018-06-18</span>
            </div>
        </div>
        
        <div class="funding-list-details">
            <ul>
                <li>
                    <span>众筹规模</span>
                    <h3>4200万</h3>
                </li>
                
                <li>
                    <span>价格</span>
                    <h3>1Link=0.33VPay</h3>
                </li>
                
                <li>
                    <span>剩余时间</span>
                    <h3>20:13:45</h3>
                </li>
            </ul>
        </div>
        
        <div class="funding-list-bottom">
            <div class="funding-list-progress">
                <div class="progress-bar">
                    <span style="width: 72%;"></span>
                </div>
                <div class="progress-bar-tips">72%</div>
            </div>
            
            <div class="funding-list-btn">
                <button class="join-funding" onClick="javascript:showpop('#trade');">立即购买</button>
            </div>
        </div>
    </div>
    <div class="clr"></div>
    
    <div class="funding-list funding-ongoing">
        <div class="funding-list-info">
            <div class="funding-list-logo">
                <img src="static/Theme/images/icon_project.png">
            </div>
            
            <h1>Link数字资产</h1>
            
            <p>每个ID限购100枚 <b>释放比例100.00%</b></p>
            <h3>接受币种：<b>VPay</b></h3>
            
            <div class="funding-list-time">
                <span>2018-06-18</span>
            </div>
        </div>
        
        <div class="funding-list-details">
            <ul>
                <li>
                    <span>众筹规模</span>
                    <h3>4200万</h3>
                </li>
                
                <li>
                    <span>价格</span>
                    <h3>1Link=0.33VPay</h3>
                </li>
                
                <li>
                    <span>剩余时间</span>
                    <h3>20:13:45</h3>
                </li>
            </ul>
        </div>
        
        <div class="funding-list-bottom">
            <div class="funding-list-progress">
                <div class="progress-bar">
                    <span style="width: 72%;"></span>
                </div>
                <div class="progress-bar-tips">72%</div>
            </div>
            
            <div class="funding-list-btn">
                <button class="join-funding" onClick="javascript:showpop('#trade');">立即购买</button>
            </div>
        </div>
    </div>
    <div class="clr"></div>
    
    <div class="funding-list funding-ongoing">
        <div class="funding-list-info">
            <div class="funding-list-logo">
                <img src="static/Theme/images/icon_project.png">
            </div>
            
            <h1>VPay数字资产</h1>
            
            <p>每个ID限购100枚 <b>释放比例100.00%</b></p>
            <h3>接受币种：<b>余额</b></h3>
            
            <div class="funding-list-time">
                <span>2018-07-15</span>
            </div>
        </div>
        
        <div class="funding-list-details">
            <ul>
                <li>
                    <span>众筹规模</span>
                    <h3>5000万</h3>
                </li>
                
                <li>
                    <span>价格</span>
                    <h3>1VPay=31.4</h3>
                </li>
                
                <li>
                    <span>剩余时间</span>
                    <h3>15:09:23</h3>
                </li>
            </ul>
        </div>
        
        <div class="funding-list-bottom">
            <div class="funding-list-progress">
                <div class="progress-bar">
                    <span style="width: 72%;"></span>
                </div>
                <div class="progress-bar-tips">72%</div>
            </div>
            
            <div class="funding-list-btn">
                <button class="join-funding" onClick="javascript:showpop('#trade');">立即购买</button>
            </div>
        </div>
    </div>
    <div class="clr"></div>
    
    <div class="load-more">
	    <a href="">点击加载更多</a>
	</div>
	
	<!--<div class="load-no-more">
	    <span>没有更多了</span>
	</div>-->
</section>

<!--众筹弹窗-->
<div id="trade" class="popup">
    <div class="popup-box">
		<div class="popup-box-title">[VPay数字资产] 众筹</div>
		
        <div class="popup-box-content">
			<div class="form-widget">
				<form action="" method="get">
					<div class="form-box">
						<div class="form-group">
							<label class="form-label">限购</label>

							<div class="form-control">
								<input value="100枚" readonly>
								
								<span class="trade-type">VPay</span>
							</div>
						</div>

						<div class="form-group">
							<label class="form-label">当前价格</label>

							<div class="form-control">
								<input value="36.1293" readonly>
                                
                                <span class="trade-type">余额</span>
							</div>
						</div>
						
						<div class="form-group">
							<label class="form-label">购买数量</label>

							<div class="form-control">
								<input placeholder="请输入数量">
								
								<span class="trade-all">全额</span>
							</div>
						</div>
						
						<div class="form-group">
							<label class="form-label">实付金额</label>

							<div class="form-control">
								<input value="0.0000" readonly>
							</div>
						</div>

						<div class="form-group">
							<label class="form-label">支付密码</label>
						</div>
					</div>
					
					<div class="enter-password">
						<form>
							<input type="password">
							<input type="password">
							<input type="password">
							<input type="password">
							<input type="password">
							<input type="password">
						</form>
					</div>
				</form>
			</div>
        </div>
        
        <div class="popup-submit">
            <button class="cancle-btn">取消</button>
			<button type="submit" class="confirm-btn">确认</button>
        </div>
    </div>
</div>

<script src="static/Theme/js/jquery-1.11.2.min.js"></script>
<script src="static/Theme/js/main.js"></script>
</body>
</html>
